<template>
    <h1>Vue 子应用 {{ msg }}</h1>
    <!-- 
    name(必传)：应用名称
    url(必传)：应用地址，会被自动补全为http://localhost:3000/index.html
    baseroute(可选)：基座应用分配给子应用的基础路由，就是上面的 `/tengyu`
    -->
  <micro-app 
    name='app1' 
    url='http://localhost:8099/#/index' 
    baseroute='/vue' 
    :data="data"
    @datachange='getDataChange'
  ></micro-app>
</template>

<script lang="ts" setup>
import { ref } from 'vue'

let msg = ref('')

const data = ref({
    msg: '我是下发的消息'
})
const getDataChange = (data: any) => {
    console.log('我是来自子应用的数据...', data)
    msg.value = data.detail.data.type
}
</script>